/*鍏叡鏍峰紡*/
a,address,b,big,blockquote,body,center,cite,code,dd,del,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,label,legend,li,ol,p,pre,small,span,strong,u,ul,var{margin:0;padding:0; font-family:"寰蒋闆呴粦","榛戜綋","瀹嬩綋";}
ul,ol{ list-style:none;}
a{ text-decoration:none;}
img{ border:none;}
input,textarea{ outline:none;}


/*鍏叡鏍囬*/
h2.title{ font-size:28px; font-weight:100; line-height:1.8em; text-align:center;}


/*澶撮儴鍖哄煙寮€濮�*/
.top{ width:100%; height:80px; background:rgba(255,255,255,0.8);/*闃村奖*/box-shadow:0px 3px 5px rgba(0,0,0,0.1);position:fixed; top:0px; left:0; z-index:100;}
.top_c{ width:1000px; margin:auto; height:100px; position:relative;}
/*logo*/
.logo{ margin-top:10px; float:left;}
/*瀵艰埅*/
.daohang{ width:750px; height:40px;  position:absolute; bottom:40px; right:0;}
.daohang li{  float:left; height:40px; line-height:40px; text-align:center; margin-right:35px; border-right:# }
.daohang .line{ width:100px; height:4px; background:#fab502; position:absolute; top:40px;left:0;}
.daohang li a{ display:block; color:#5b3717; font-size:16px;   height:40px; line-height:40px; padding:0 5px;}
.daohang li:hover a.on{ color:#fab502;}


/*灏忓睆骞曟椂鍑虹幇鐨勫鑸�*/
.header .btn{ width:28px; height:29px; cursor:pointer; position:absolute; top:15px; right:15px; display:none;}
.header .btn i{ width:28px; height:3px; background:#666; margin:5px 0; display:block;}


/*娴锋姤鍖哄煙寮€濮�*/
.banner .small{ display:none;}





/*鏈嶅姟鍖哄煙寮€濮�*/
.service .con{ margin:0 auto;}
.service .con:after{ content:""; clear:both; display:block;}
.service .box{ width:25%; box-sizing:border-box; float:left; text-align:center;}
.service .icon{  border:1px solid #fab502; border-radius:50%; margin:0 auto; /*杩囨浮*/transition:0.3s; }
.service h3{ font-size:24px; color:#666; font-weight:100; margin:45px auto 25px;}
.service p{ font-size:16px; color:#666; line-height:1.7em;}
.service i{ color:#fab502; /*杩囨浮*/transition:0.3s;}
/*榧犳爣鐢讳笂鏀瑰彉鑳屾櫙棰滆壊鍜屽浘鏍囬鑹�*/
.service .box:hover .icon{ background:#fab502;}
.service .box:hover i{ color:#fff;}




/*鍏充簬鎴戜滑寮€濮�*/
.about{ width:100%; background:url(../images/about_bg.jpg) no-repeat center fixed; text-align:center;}
/*鏍囬*/
.about h2{ color:#fff;}
/*鍐呭*/
.about .con{color:#fff; line-height:1.8em; box-sizing:border-box; opacity:0.8;}
.about .buttons{ font-size:0px; text-align:center;}
.about .buttons a{ width:150px; height:46px; display:inline-block; line-height:46px; color:#fff; font-size:20px; margin:7px; border-radius:5px; transition:0.3s;}
.about .buttons a:nth-child(1){ background:url(../images/jianbian1.jpg) repeat-y 0 0;}
.about .buttons a:nth-child(2){ background:url(../images/jianbian2.jpg) repeat-y 0 0;}
.about .buttons a:hover{ background-position:-150px 0;}


/*灞曠ず鍖哄煙寮€濮�*/
.case{ margin:0 auto;}
/*鍐呭*/
.case .con{ margin-top:50px;}
.case ul:after{ display:block; content:""; clear:both;}
.case .con li{ width:33.33%; float:left; font-size:0px; padding:15px;
/*娣诲姞padding鍚庯紝濡備笉鎯冲鍔犲鍜岄珮灏卞姞涓� box-sizing:border-box!*/box-sizing:border-box;}
 					
/*last-child 鏈€鍚庝竴涓�*/
.case .con li:last-child{ display:none;}
.case li img{ width:100%; transition:0.3s;}
/*榧犳爣鐢讳笂li鏃跺浘鍍忓悜涓婅蛋5鍍忕礌锛屽苟娣诲姞涓€涓槾褰�*/
.case li:hover img{/*闃村奖*/box-shadow:0 5px 15px rgba(0,0,0,0.2);/*鍏煎*/-webkit-transform:/*浣嶇Щ*/translate(0,-5px);
-moz-transform:/*浣嶇Щ*/translate(0,-5px); transform:/*浣嶇Щ*/translate(0,-5px); }


/*瀹㈡埛鏈嶅姟寮€濮�*/
.customer h2{ margin-bottom:60px;}
.customer .con:after{ content:""; display:block; clear:both;}
.customer .box{float:left;  box-sizing:border-box; text-align:center;}
.customer .box img{ width:100%;}





/*搴曢儴鍖哄煙寮€濮�*/

/*搴曢儴logo*/
.foot img{ width:100px; position:relative; bottom:-120px; left:50%; margin-left:-50px;}

.foot1{ height:240px; background:url(../images/ft_bg.jpg) no-repeat center; margin-top:20px;}
.foot1 .center{ width:1000px; height:240px; margin:auto; overflow:hidden;}
/*搴曢儴鐨勪笂閮ㄥ垎*/
.foot1 .center .s{ width:680px; position:relative; margin:70px auto 0;}
.foot1 .center .s ul{ width:680px; height:110px; border-bottom:1px solid #4F4F4F;}
.foot1 .center .s ul li{ line-height:14px; }
.foot1 .center .s ul a{ display:block;color:#797a7a; font-size:12px; margin-bottom:10px;  }
.foot1 .center .s .con1{ left:10px; width:80px;  position:absolute; top:60px;}
.foot1 .center .s .con2{ position:absolute; top:60px; left:100px; width:80px; }
.foot1 .center .s .con3{ position:absolute; top:60px; left:200px; width:90px; }
.foot1 .center .s .con4{ position:absolute; top:60px; left:300px; width:80px; }
.foot1 .center .s .con5{ position:absolute; top:60px; left:400px; width:80px; }
.foot1 .center .s .con6{ position:absolute; top:60px; left:500px; width:80px; }
.foot1 .center .s .con7{ position:absolute; top:60px; left:600px; width:80px; }
.foot1 .center .s ul li:hover a{ color:#fff;}
/*搴曢儴鐨勪笅閮ㄥ垎*/
.foot1 .center .x{ width:680px; height:50px;margin:20px auto; text-align:center; font-size:12px; color:#797a7a; line-height:12px;}
.foot1 .center .x a{color:#797a7a;}
.foot1 .center .x a:hover{ color:#fff;}
/*搴曢儴鍖哄煙缁撴潫*/







/*0~992灏哄鏃剁殑鍏叡澶撮儴*/
@media (max-width:992px){
	/*澶撮儴鍖哄煙*/
	.header .con{width:100%; padding:0 15px; box-sizing:border-box;}
	.header .list{ position:absolute; top:60px; left:0; width:100%; background:rgba(255,255,255,0.8); border-top:1px solid #aaa; display:none; }
	.header li{ width:100%;float:none; text-align:center; border-bottom:1px solid #cfcfcf;}
	.header .btn{ display:block;}
}





/*0~768灏哄鐨勬樉绀哄唴瀹�*/
@media (max-width:768px){	
	
	/*鏈嶅姟鍖哄煙*/
	.service .con{ width:100%;}
	.service .box{ width:50%; padding:0 5px; margin-bottom:40px;}
	.service h2{ margin-bottom:40px;}
	.service h3{ margin:30px auto 15px;}
	.service .icon{ width:100px; height:100px; line-height:100px;}
	.service i{ font-size:50px;}
	.service p{ padding:0 15px;}
	
	/*鍏充簬鎴戜滑*/
	.about{ padding:60px 0 40px; background-image:url(../images/about_bg-small.jpg); background-attachment:scroll;}
	.about .con{ width:100%;  padding:0 3%; margin:30px auto 50px; font-size:16px;}
	.about h2{ padding:0 3%;}
	/*璁゜r鎹㈣闅愯棌*/
	.about h2 br{ display:none;}
	
	/*灞曠ず鍖哄煙*/
	.case{ width:100%; padding:60px 0 40px;}
	.case .con{ margin-top:30px;}
	.case .con li{ width:50%; padding:5px;}
	/*锛歭ast-child 鏈€鍚庝竴涓�*/
	.case .con li:last-child{ display:block;}
	
	/*瀹㈡埛鏈嶅姟*/
	.customer .con{ width:100%;  margin-top:30px;}
	.customer .box{ width:33.33%;   padding:15px; }
	
	
}





/*768~x灏哄鐨勬樉绀哄唴瀹�*/
@media (min-width:768px){
	/*鏈嶅姟鍖哄煙*/
	.service{ padding:70px 0 50px;}
	.service .con{ width:100%;}
	.service .box{ padding:0 10px;}
	.service h2{ margin-bottom:40px;}
	.service h3{ margin:40px auto 25px;}
	.service .icon{ width:140px; height:140px; line-height:140px;}
	.service i{ font-size:80px;}
	.service p{ padding:0 15px;}
	
	/*鍏充簬鎴戜滑*/
	.about{ padding:70px 0 50px;}
	.about .con{ width:100%;  padding:0 30px; margin:50px auto 70px;}
	
	/*灞曠ず鍖哄煙*/
	.case{ width:100%; padding:70px 0 50px;}
	.case .con{ margin-top:40px;}
	.case .con li{ padding:10px;}
	
	/*瀹㈡埛鏈嶅姟*/
	.customer .con{ width:100%;  margin-top:30px;}
	.customer .box{ width:25%;   padding:10px; }	
	
}







/*992~x灏哄鐨勬樉绀哄唴瀹�*/
@media (min-width:992px){
	 /*澶撮儴鍖哄煙*/
	.header .con{ width:960px;}	
	
	/*鏈嶅姟鍖哄煙*/
	.service .con{ width:960px;}

	/*鍏充簬鎴戜滑*/
	.about .con{ width:960px;}
	
	/*灞曠ず鍖哄煙*/
	.case{ width:960px;}
	
	/*瀹㈡埛鏈嶅姟*/
	.customer .con{ width:960px;}
	
	
}







/*1300~x灏哄鐨勬樉绀哄唴瀹�*/
@media (min-width:1300px){
	/*澶撮儴鍖哄煙*/
	.header .con{ width:1200px;}

	/*鏈嶅姟鍖哄煙*/
	.service{ padding:90px 0 70px;}
	.service h2{ margin-bottom:60px;}
	.service .con{ width:1200px;}
	.service .box{ padding:0 20px;}
	.service .icon{ width:180px; height:180px; line-height:180px;}
	.service .icon i{ font-size:100px;}
	
	/*鍏充簬鎴戜滑*/
	.about{ padding:90px 0 70px;}
	.about .con{ width:1200px; font-size:18px;  padding:0 140px;  margin:80px auto 100px;}
	
	/*灞曠ず鍖哄煙*/
	.case{ width:1200px;  padding:70px 0 80px;}
	.case .con{ margin-top:50px;}
	.case .con li{ width:33.33%; padding:15px;}

	/*瀹㈡埛鏈嶅姟*/
	.customer .con{ width:1200px;  margin:0 auto 70px;}
	.customer .box{ width:16.66%; padding:15px;}
	
}






@media (max-width:768px){
	.banner .big{ display:none;}
	.banner .small{ display:block;}	
	
}


@media (min-width:768px){
	.banner .big{ display:block;}
	.banner .small{ display:none;}	
	
}